<template>
	<view class="info-page">
		<tui-list-view class="margin-t">
			<tui-list-cell padding="10px 15px" :size="16" arrow>
				<view class="item-between">
					头像<image :src="
                userInfo.avatar
                  ? userInfo.avatar
                  : '/static/icon/avatar-default.png'
              " class="avatar">
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					昵称<view class="content">Exrick</view>
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16">
				<view class="item">
					账号<view class="content">admin</view>
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					我的二维码
					<tui-icon name="qrcode" color="#999" size="20" unit="px" class="r"/>
				</view>
			</tui-list-cell>
		</tui-list-view>
		<tui-list-view class="margin-t">
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					部门<view class="content">总部</view>
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					性别<view class="content">男</view>
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					生日<view class="content">2021-10-28</view>
				</view>
			</tui-list-cell>
			<tui-list-cell padding="14px 15px" :size="16" arrow>
				<view class="item">
					地区<view class="content">未设置</view>
				</view>
			</tui-list-cell>
		</tui-list-view>
	</view>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {
    userInfo() {
      return this.$store.state.userInfo;
    },
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "./info.scss";
</style>
